@charset "utf-8";
/* CSS Document */

.contain{ margin: 0 auto; height: 100%; text-align:center;}
@media screen and (max-width: 768px){
	.contain{ width:100%;}
}
@media screen and (min-width: 800px){
	.contain{ width: 80%;}
}

.contain header{ height:36%; background:url(../images/act_bg.png) no-repeat center center; background-size:cover; display:flex;}
.contain header input{ margin:2% auto 0 auto; height:30px; width:90%; border:none; border-radius:10px; opacity:0.7; outline:none; text-align:center; color:#2c2c2c; font-size:2.0rem;}
.contain header img{ position:absolute; right:6%; top:2.5%;}
.contain ul{ margin:8% 5% 0 5%;}
.contain ul li{ float:left; padding:10px; text-align:center; font-size:1.2rem;}
.contain ul li a{display:block; color:#292828;}
.contain ul li a img{ width:70%; margin:0 auto; padding-bottom:6px;}

footer{ position:fixed; bottom:0; left:0; width:100%; border-top:2px solid #e5e5e5; padding-top:8px; background-color:#fff;}
footer ul li{ float:left; text-align:center; width:25%; font-size:1.4rem;}
footer ul li a{ color:#939191; display:block;}
footer ul li a img{ height:24px; display:block; margin:0 auto;}
